import React from "react";
import { Dropdown, Space,message} from 'antd';
import {DownOutlined, SmileOutlined} from "@ant-design/icons";
import UploadingPanel from "../components/UploadingPanel";
import VideoInput from "../components/InputVideo";

export default function Dashboard() {
    const items = [
        {
            key: '1',
            label: '1',
        },
        {
            key: '2',
            label:'2',
            icon: <SmileOutlined />,
            disabled: true,
        },
        {
            key: '3',
            label: '3',
            disabled: true,
        },
        {
            key: '4',
            danger: true,
            label: 'a danger item',
        },
    ];
    const onClick = ({ key }) => {
        message.info(`Click on item ${key}`);
    };
    return (
        <React.Fragment>
            <Dropdown
                menu={{
                    items,
                    onClick,
                }}
            >
                <a onClick={(e) => e.preventDefault()}>
                    <Space>
                        Hover me
                        <DownOutlined />
                    </Space>
                </a>
            </Dropdown>
            <VideoInput/>
        </React.Fragment>
    )
}